﻿
body
{
   margin:0; 
   padding:50px 100px; 
   font-family: Helvitca, Arial, Sans-Serif;
}

.container
{
    width:707px; 
    margin:0 auto; 
    border:1px solid #000; 
    border-radius: 10px;  
    padding:8px 8px 5px; 
    align:left;
}

table
{
    text-align: center;
}

.progresscontainer
{
    width:500px; 
    margin:0 auto; 
    border:1px solid #bbb; 
    border-radius: 10px;  
    padding:8px 8px 5px;  
    align:center;
}

td a 
{
    color:white; 
    background-color:#6688FF; 
    font-size:14px; 
    font-weight: bold; 
    text-decoration: none; 
    display: block; 
    width:auto; 
    border:1px solid #000; 
    padding:8px 8px 5px; 
    border-radius: 10px;
}

td b 
{
    color:white; 
    background-color:#66aaee; 
    font-size:14px; 
    font-weight: bold; 
    text-decoration: none; 
    display: block; 
    width:auto; 
    border:1px solid #000; 
    padding:8px 8px 5px; 
    border-radius: 10px;
}

td c 
{
    color:white; 
    font-size:14px; 
    font-weight: bold; 
    text-decoration:none; 
    display:block; 
    width: 250px; 
    border: 1px solid #000; 
    padding: 8px 8px 5px; 
    border-radius: 10px;
}

td d 
{
    background-color:#6688FF;
}

td e 
{
    position:absolute; 
    left:0px; 
    top:0px;
}

h1{margin:0; color:#000;}
h2{margin:0; color:#000;}
h3{margin:0; color:red;}

.newLine
{
    clear: both;
}

ul {list-style-type:none; margin:0; padding:0; width:280px;}

		li {margin:10px 0; text-align:center;}

		li a {color:#000; background-color:Red; font-size:14px; font-weight: bold; text-decoration: none; display: block; width:auto; border:1px solid #000; padding:8px 8px 5px; border-radius: 10px;}

		li a:hover {background:black; color: white;}
		
		.text_button {width:125px; font-weight: bold; font-size:14px; display:inline; margin:0; padding:8px 8px 5px; border:1px solid #000; border-radius: 10px; background-color: #66aaee; color:#000; cursor:pointer;}
		.text_button:hover{color:Red; background-color:black;}
		
		.footer a{border-top:1px solid #000; -moz-box-shadow:0 -1px 0 #ccc; -webkit-box-shadow:0 -1px 0 #fff; margin:20px 0; padding:10px 20px; font-size:12px;}
		.footer a { text-decoration: none; display: block; padding:1px;}
		.footer a:hover {color:#ffee55;}

form
{
    text-align: center;
    padding:15px 15px;
}
.btn
{
    margin: auto;
    color: white;
    background-color: #66aaee;
    font-size: 18px;
    font-weight: bolder;
    text-decoration: none;
    display: block;
    width: 150px;
    border: 1px solid #000;
    padding: 8px 8px 5px;
    border-radius: 10px;
    -moz-border-radius-bottomleft: 8px; /* for Firefox, rounded corners */
    -moz-border-radius-bottomright: 8px;
    -webkit-border-radius: 8px; /* for Safari, rounded corners */
    border-radius-topleft: 8px; /* for some other browsers... */
    border-radius-topright: 8px;
    cursor:pointer;
}
.btn:hover
{
    background-color : #ffee55;
}


.btn2
{
    margin: auto;
    color: white;
    background-color: #66aaee;
    font-size: 14px;
    font-weight: bolder;
    text-decoration: none;
    display: block;
    border: 1px solid #000;
    padding: 8px 8px 5px;
    border-radius: 10px;
    -moz-border-radius-bottomleft: 8px; /* for Firefox, rounded corners */
    -moz-border-radius-bottomright: 8px;
    -webkit-border-radius: 8px; /* for Safari, rounded corners */
    border-radius-topleft: 8px; /* for some other browsers... */
    border-radius-topright: 8px;
}

.btn2:hover
{
    background-color : #ffee55;
}

